<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<title>Arcomage</title>
<link rel="stylesheet" href="reset.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="arcomage.css" />
<link rel="stylesheet" href="css/card_definitions.css" />
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/underscore.js"></script>
<script src="js/backbone.js"></script>
<script src="js/backbone-nested.js"></script>
<script src="card_definitions.js"></script>
<script src="arcomage.js"></script>
<script src="js/jquery.mobile-1.2.0.js"></script>

<script type="text/template" id="resource_template">
    <div class="ResourceName"><%= resource_name %></div>
	<div class="ResourceAmount"><%= resource_amount %></div>
	<div class="ResourceProduction"><%= resource_production %></div>
	<div class="ResourceLabel"><%= resource_label %></div>
</script>
<script type="text/template" id="tower_template">
    <div class="TowerName"><%= tower_name %></div>
	<div class="TowerHeight"><%= tower_height %></div>
	<div class="TowerMin"><%= tower_min %></div>
	<div class="TowerMax"><%= tower_max %></div>
	<br/>
</script>
<script type="text/template" id="wall_template">
    <div class="WallName"><%= wall_name %></div>
	<div class="WallHeight"><%= wall_height %></div>
	<div class="WallMin"><%= wall_min %></div>
	<div class="WallMax"><%= wall_max %></div>
</script>
<script type="text/template" id="deck_template">

</script>
<script type="text/template" id="card_template">
	<div class="CardName"><%= card_name %></div>
	<div class="CardImage"></div>
	<div class="CardCost"><%= card_cost %></div>
	<div class="CardText"><%= card_text %></div>
</script>
<script type="text/template" id="game_state_template">
<%= game_state %>
</script>
</head>
<body>
<div data-role="page" id="startup-view">
	<div data-role="header">
		<h1>Index Page</h1>
	</div>

	<div data-role="content">	
		<p>Welcome to Arcomage</p>
		<a href="#game-view" data-role="button">New Game</a>
	</div>
</div>

<div data-role="page" id="game-view" data-position-to="window">
</div>
</body>
<script src="sound_definitions.js"></script>
</html>